<template>
    <div>
      <ul>
        <li v-for="item in tableData">
          {{item.name}}==={{item.spring}}
          <br>
          <br>
          {{afterArr}}
        </li>
      </ul>
    </div>
</template>

<style>
    body {
        background-color: #cbffea;
    }
</style>

<script>
    export default {
      name:'Test',
        data() {
            return {
              tableData:[
                {"name": "grils", spring: 'ssswewe', count: 2586},
                {"name": "grils", spring: 'ssswewe', count: 2323},
                {"name": "grils", spring: 'ssswewe', count: 33},
                {"name": "grils", spring: 'ssswewe', count: 12344},
                {"name": "grils", spring: 'ssswewe', count: 443}
              ],
              beforArr:[42,33,11,22,44]
            }
        },
        computed:{
            afterArr(){
              
              return this.beforArr.filter(item => {
                 return item % 2 === 0
              })
            }
        }
    }
</script>
